<script setup lang="ts">
import Son from './SonPage.vue'
import { ref } from 'vue'
const money = ref(100)
const car = ref('老爷车')
const n = ref(88)
/* const fn = (v: number) => {
  money.value = v
} */
</script>
<template>
  <div class="notify-page">
    notify-page
    <!-- 自己定义的事件处理函数 $event是事假对象. 子传父的时候 自定义事件直接使用$event 子传父传递过来的值 -->
    <!-- <Son :money="money" @change="money = $event"></Son> -->
    <!-- vue2中 组件是使用 v-model 子组件接收的数据必须是 value属性
    ,子传父发布的自定义事件必须是 @input事件 -->
    <!-- vue2中 在组件上使用 .sync修饰符 子组件正常接收, 但是发布的自定义事件必须是
    update:属性 -->

    <!-- vue3中组件上使用v-model+.sync 做了整合处理  -->
    <!-- vue3中组件上使用v-model, 子组件接收的属性必须是 modelValue , 子传父发布的自定义事件 update:modelValue 
      vue3中组件上可以使用多次 v-model:属性
    -->
    <!-- <Son v-model="money" v-model:car="car"></Son> -->
    <Son v-model:model-value="money" v-model:car="car"></Son>
  </div>
</template>

<style scoped></style>
